﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="title" content="LazyOS页面布局编辑器">
    <meta name="description" content="LazyOS页面布局编辑器">
    <meta name="keywords" content="可视化,布局,系统">
    <title>可视化布局系统</title>

    <!-- Le styles -->
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet">
    <link href="~/Content/css/layoutit.css" rel="stylesheet">
    <link href="~/Content/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="~/Content/lib/bootstraptable/bootstrap-table.css">
    <link href="~/Content/css/bootstrap-colorpicker.min.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
            <script src="~/Content/js/html5shiv.js"></script>
        <![endif]-->


    <script type="text/javascript" src="~/Content/js/jquery-3.4.1.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="~/Content/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Content/js/jquery-ui.js"></script>
    <script type="text/javascript" src="~/Content/js/jquery.ui.touch-punch.min.js"></script>
    <script type="text/javascript" src="~/Content/js/jquery.htmlClean.js"></script>
    <script type="text/javascript" src="~/Content/ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="~/Content/ckeditor/config.js"></script>
    <script type="text/javascript" src="~/Content/js/webdesigner.js"></script>
    <script type="text/javascript" src="~/Content/lib/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="~/Content/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="~/Content/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <!-- Latest compiled and minified CSS -->
    <!-- Latest compiled and minified JavaScript -->
    <script src="~/Content/lib/bootstraptable/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="~/Content/lib/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="~/Content/js/bootstrap-colorpicker.min.js"></script>
</head>

<body style="min-height: 660px; cursor: auto;" class="edit">
    @RenderBody()
    <div class="modal   fade" role="dialog" id="editorModal" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>编辑</h3>
                </div>
                <div class="modal-body">
                    <p>
                        <textarea id="contenteditor"></textarea>
                    </p>
                </div>
                <div class="modal-footer"> <a id="savecontent" class="btn btn-primary" data-dismiss="modal">保存</a> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>
        </div>
    </div>
    <div class="modal   fade" role="dialog" id="downloadModal" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>预览HTML代码</h3>
                </div>
                <div class="modal-body">
                    <p>已在下面生成干净的HTML, 可以复制粘贴代码到你的项目.</p>
                    <div class="btn-group">
                        <button type="button" id="fluidPage" class="active btn btn-info"><i class="icon-fullscreen icon-white"></i> 自适应宽度</button>
                        <button type="button" class="btn btn-info" id="fixedPage"><i class="icon-screenshot icon-white"></i> 固定宽度</button>
                    </div>
                    <br>
                    <br>
                    <p>
                        <textarea></textarea>
                    </p>
                </div>
                <div class="modal-footer"><a class="btn" data-dismiss="modal">保存</a> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>
        </div>
    </div>
    <div class="modal   fade" role="dialog" id="newPage" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>新建页面</h3>
                </div>
                <div class="modal-body">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">

                            <span class="input-group-addon">标题 </span>
                            <input type="text" class="form-control" id="tbPageTitle" placeholder="请输入页面标题">
                        </div>
                        <div class="input-group">

                            <span class="input-group-addon">备注 </span>
                            <input type="text" class="form-control" id="tbPageRemark" placeholder="请输入备注">
                        </div>
                    </form>



                </div>
                <div class="modal-footer"><a class="btn" id="btPageNew">保存</a> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>
        </div>
    </div>

    <div class="modal   fade" role="dialog" id="adminPage" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>页面管理</h3>
                </div>
                <div class="modal-body">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">

                            <span class="input-group-addon">标题 </span>
                            <input type="text" class="form-control" id="tbPageTitle" placeholder="请输入页面标题">
                        </div>
                        <div class="input-group">

                            <span class="input-group-addon">备注 </span>
                            <input type="text" class="form-control" id="tbPageRemark" placeholder="请输入备注">
                        </div>
                    </form>



                </div>
                <div class="modal-footer"><a class="btn" id="btPageNew">保存</a> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>
        </div>
    </div>
    <div class="modal   fade" role="dialog" id="LoadPage" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>加载页面</h3>
                </div>
                <div class="modal-body">
                    <select id="mypage" class="form-control">
                        <option value="">请选择一个现有页面</option>
                    </select>


                </div>
                <div class="modal-footer">
                    <button class="btn" id="btload">确定</button> <a class="btn" data-dismiss="modal">关闭</a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal   fade" role="dialog" id="shareModal" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>保存</h3>
                </div>
                <div class="modal-body">保存成功</div>
                <div class="modal-footer"> <a class="btn" data-dismiss="modal">Close</a> </div>
            </div>
        </div>
    </div>
    <div class="modal  fade bs-example-modal-lg" role="dialog" id="JsContent" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>页面javascript</h3>
                </div>
                <div class="modal-body">
                    <textarea id="jsFile" class="form-control" rows="20" style="font-size:15px;">
        </textarea>

                </div>
                <div class="modal-footer"><button class="btn" id="btSaveJs">保存</button> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>

        </div>
    </div>

    <div class="modal  fade" role="dialog" tabindex="-1" id="MessageBox">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3>提示</h3>
                </div>
                <div class="modal-body">
                    <span id="mesgContain"></span>

                </div>
                <div class="modal-footer"> <a class="btn" data-dismiss="modal">关闭</a> </div>
            </div>
        </div>
    </div>
</body>
</html>
 
